            <div id="order-steps">
                <ul>
                    <li rel="0"><a href="javascript:;" class="current"><?=_("Bước 1")?></a></li>
                    <li rel="1"><a href="javascript:;"><?=_("Bước 2")?></a></li>
                    <li rel="2"><a href="javascript:;"><?=_("Bước 3")?></a></li>
                    <li rel="3"><a href="javascript:;"><?=_("Bước 4")?></a></li>
                    <li rel="4"><a href="javascript:;"><?=_("Bước 5")?></a></li>
                    <li rel="5"><a href="javascript:;"><?=_("Đặt hàng")?></a></li>
                </ul>
            </div>
            <div id="order-details">
                <div id="step-0" class="order-detail show">
                    <div class="navigator"><a href="javascript:;" class="next-step"><?=_("Tiếp tục >>")?></a></div>
                </div>
                <div id="step-1" class="order-detail">
                    <div id="order-text-preview"></div>
                    <div class="order-text-box">
                        <?=_("Chữ:")?> <input class="order-text" type="text"/> <button class="small-width choose-font"><?=_("Chọn font")?></button> <span class="font-code"></span>
                    </div>
                    <div class="order-text-box hidden">
                        <?=_("Chữ:")?> <input class="order-text" type="text"/> <button class="small-width choose-font"><?=_("Chọn font")?></button> <a href="javascript:;" class="remove-this-text" title="<?=_("Xóa chữ này")?>">[X]</a>
                    </div>
                    <div><a href="javascript:;" id="add-more-text">+ <?=_("Ghép thêm chữ")?></a></div>
                    <div id="font-selection">
                    <?foreach($font_list as $font_code => $font_file){?>
                        <div id="<?=$font_code?>" class="order-text-font">
                            <img src="<?=site_url("/fonts/".$font_code.".png")?>"/> <input type="radio" name="order_font" value="<?=$font_code?>"/> <span class="font-code">#<?=$font_code?></span>
                        </div>
                    <?}?>
                    </div>
                    <div class="navigator"><a href="javascript:;" class="prev-step"><?=_("<< Quay lại")?></a> | <a href="javascript:;" class="next-step"><?=_("Tiếp tục >>")?></a></div>
                </div>
                <div id="step-2" class="order-detail">
                    Day la step 2
                    <div class="navigator"><a href="javascript:;" class="prev-step"><?=_("<< Quay lại")?></a> | <a href="javascript:;" class="next-step"><?=_("Tiếp tục >>")?></a></div>
                </div>
                <div id="step-3" class="order-detail">
                    Day la step 3
                    <div class="navigator"><a href="javascript:;" class="prev-step"><?=_("<< Quay lại")?></a> | <a href="javascript:;" class="next-step"><?=_("Tiếp tục >>")?></a></div>
                </div>
                <div id="step-4" class="order-detail">
                    Day la step 4
                    <div class="navigator"><a href="javascript:;" class="prev-step"><?=_("<< Quay lại")?></a> | <a href="javascript:;" class="next-step"><?=_("Tiếp tục >>")?></a></div>
                </div>
                <div id="step-5" class="order-detail">
                    Day la step cuoi
                    <div class="navigator"><a href="javascript:;" class="prev-step"><?=_("<< Quay lại")?></a></div>
                </div>
            </div>